/* ==================
    底部安全区域
 ==================== */

.cu-safe-bottom {
  padding-bottom: 0;
  padding-bottom: calc(constant(safe-area-inset-bottom));
  padding-bottom: calc(env(safe-area-inset-bottom));
}

.uv-form-item__body__left__content__label {
  font-size: 14px !important;
}

/* ==================

    字体大小
	
 ==================== */

@for $i from 20 through 50 {
  .cu-font-#{$i} {
    font-size: $i + rpx;
  }
}

/* ==================
         辅助类
 ==================== */

// 超出行数，自动显示行尾省略号，最多5行
// 来自uvui的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
@for $i from 1 through 5 {
  .uv-line-#{$i} {
    /* #ifdef APP-NVUE */
    // nvue下，可以直接使用lines属性，这是weex特有样式
    lines: $i;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    /* #endif */

    /* #ifndef APP-NVUE */
    // vue下，单行和多行显示省略号需要单独处理
    @if $i == '1' {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    } @else {
      display: -webkit-box !important;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      -webkit-line-clamp: $i;
      -webkit-box-orient: vertical !important;
    }
    /* #endif */
  }
}
